<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>招商后台管理首页</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="css/main.css" media="all" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>
	</head>

	<body class="main_body">
		<div class="layui-layout layui-layout-admin">
			<!-- 顶部 -->
			<div class="layui-header header">
				<div class="layui-main">
					<a href="#" class="logo">招商后台管理</a>
					<!-- 顶部右侧菜单 -->
					<ul class="layui-nav top_menu">
						<li class="layui-nav-item" pc>
							<a href="javascript:;">
								<img src="img/pic01.jpg" class="layui-circle" width="35" height="35">
								<cite>请叫我马哥</cite>
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-zhanghu" data-icon="icon-zhanghu"></i><cite>个人资料</cite></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>修改密码</cite></a>
								</dd>
								<dd>
									<a href="javascript:;"><i class="iconfont icon-loginout"></i><cite>退出</cite></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<!-- header导航 -->
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					    </button>
						<a class="navbar-brand active" href="index.html">概览</a>
					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li>
								<a href="project_manage.html">项目管理 <span class="sr-only">(current)</span></a>
							</li>
							<li>
								<a href="information_dynamic.html">信息动态</a>
							</li>
							<li>
								<a href="co_operation.html">协办任务</a>
							</li>
							<li>
								<a href="go_out.html">外出申请</a>
							</li>
							<li>
								<a href="outgo_approval.html">外出审批</a>
							</li>
							<li>
								<a href="submit_clues.html">企业提交线索</a>
							</li>
							<li>
								<a href="attend_manage.html">考勤管理</a>
							</li>
							<li>
								<a href="team_manage.html">部门管理</a>
							</li>
							<li>
								<a href="member_manage.html">成员管理</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">设置 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">One more separated link</a>
									</li>
								</ul>
							</li>
						</ul>
					</div </div>
			</nav>
			<!-- 内容 -->
			<div class="layui-body layui-form">
				<div class="layui-tab marg0" lay-filter="bodyTab">
					<div class="layui-form form-wd" id="app2">
						<div class="index-le fl">
							<!--在谈线索-->
							<div class="calk-clues">
								<div class="calk-clues-head">
									<button class="btn btn-primary">在谈线索</button>
									<a href="project_manage.html"><button class="btn fr more-btn">更多</button></a>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #F2F2F2;">
											<th>项目名称</th>
											<th>时间</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--签约项目-->
							<div class="calk-clues">
								<div class="calk-clues-head">
									<button class="btn btn-primary">签约项目</button>
									<button class="btn fr more-btn">更多</button>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #F2F2F2;">
											<th>项目名称</th>
											<th>时间</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--在建项目-->
							<div class="calk-clues">
								<div class="calk-clues-head">
									<button class="btn btn-primary">在建项目</button>
									<a href="project_manage.html"><button class="btn fr more-btn">更多</button></a>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #F2F2F2;">
											<th>项目名称</th>
											<th>时间</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--投资项目-->
							<div class="calk-clues">
								<div class="calk-clues-head">
									<button class="btn btn-primary">投资项目</button>
									<a href="project_manage.html"><button class="btn fr more-btn">更多</button></a>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #F2F2F2;">
											<th>项目名称</th>
											<th>时间</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--销号项目-->
							<div class="calk-clues">
								<div class="calk-clues-head">
									<button class="btn btn-primary">销号项目</button>
									<a href="project_manage.html"><button class="btn fr more-btn">更多</button></a>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #F2F2F2;">
											<th>项目名称</th>
											<th>时间</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--待审核项目-->
							<div class="calk-clues">
								<div class="calk-clues-head">
									<button class="btn btn-primary">待审核项目</button>
									<a href="project_manage.html"><button class="btn fr more-btn">更多</button></a>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #F2F2F2;">
											<th>项目名称</th>
											<th>时间</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												<i></i>
												<span>项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称项目名称2</span>
											</td>
											<td>2018.10.10</td>
											<td width="30%">
												<button class="btn-info btn-sm">编辑</button>
												<button class="btn-primary btn-sm">时序进度</button>
												<button class="btn-primary btn-sm">申请签约</button>
												<button class="btn-danger btn-sm">销号</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<!--全县招资-->
							<div class="recruit">
								<div class="recruit-top">
									<span>全县招资引资项目到资金额</span>
								</div>
								<div class="daoz-txt">
									到资金额
								</div>
								<div class="dropdown navbar-right" style="margin-right: 18px;">
									<select class="selectpicker form-control" title="请选择时间">
										<option value="项目名称">2018</option>
										<option value="项目商家">2017</option>
										<option value="会员名称">2016</option>
									</select>
								</div>
								
								<div class="container" style="margin-top: 100px;">
									<div class="row">
										<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
											<div class="up_downs">
												<p>单位：万元</p>
												<div class="left_up_downs pull-left">
													<p>6000000</p>
													<p>5000000</p>
													<p>4000000</p>
													<p>3000000</p>
													<p>2000000</p>
													<p>1000000</p>
													<p>0</p>
												</div>
												<div class="right_up_downs pull-left">
													<div class="right_up_downs_top">
														<!--背景线-->
														<ul class="list-unstyled right_top_ul">
															<li></li>
															<li></li>
															<li></li>
															<li></li>
															<li></li>
															<li></li>
															<li></li>
														</ul>
														<!--柱形-->
														<div class="right_pillar">
															<ul class="list-unstyled right_pillar_ul">
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color1" id="pillar_content1" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_1" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color2" id="pillar_content2" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_2" style="height: 90%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill  right_pillar_color3" id="pillar_content3" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：120分</p><p  class='text-left'>46%(84分)</p>">
																			<div class="right_pillar_bg_3" style="height: 45%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color4" id="pillar_content4" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_4" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color5" id="pillar_content5" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_5" style="height: 80%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color6" id="pillar_content6" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_6" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color7" id="pillar_content7" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_7" style="height: 70%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill  right_pillar_color8" id="pillar_content8" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：120分</p><p  class='text-left'>46%(84分)</p>">
																			<div class="right_pillar_bg_8" style="height: 45%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color9" id="pillar_content9" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_9" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color10" id="pillar_content10" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_10" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color11" id="pillar_content11" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_11" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
																<li>
																	<div class="right_pillar_for">
																		<div class="right_pillar_fill right_pillar_color12" id="pillar_content12" data-toggle="tooltip" data-placement="auto" title="<p class='text-left'>满分：100分</p><p  class='text-left'>52%(52分)</p>">
																			<div class="right_pillar_bg_12" style="height: 50%"></div>
																		</div>
																	</div>
																</li>
															</ul>
														</div>
													</div>
													<div class="right_up_downs_bottom clearfix">
														<div class="pull-left text-center">1</div>
														<div class="pull-left text-center">2</div>
														<div class="pull-left text-center">3</div>
														<div class="pull-left text-center">4</div>
														<div class="pull-left text-center">5</div>
														<div class="pull-left text-center">6</div>
														<div class="pull-left text-center">7</div>
														<div class="pull-left text-center">8</div>
														<div class="pull-left text-center">9</div>
														<div class="pull-left text-center">10</div>
														<div class="pull-left text-center">11</div>
														<div class="pull-left text-center">12</div>
													</div>
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>

						</div>
						<div class="index-ri fr">
							<!--单位榜单-->
							<div class="unit-list">
								<div class="unit-top">
									<span class="unit-txt">单位榜单</span> <button class="fr more-btn">更多</button>
								</div>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #d9534f;color: #fff;">
											<th>单位名称</th>
											<th>到资金额</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												543100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
									</tbody>
								</table>
								<table class="table table-bordered table-hover">
									<thead>
										<tr style="background: #428bca;color: #fff;">
											<th>单位名称</th>
											<th>到资金额</th>
										</tr>
									</thead>
									<tbody>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100000.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
										<tr class="text-center calk-tr">
											<td>
												招商局
											</td>
											<td>
												100.00万
											</td>
										</tr>
									</tbody>
								</table>

							</div>
						</div>

					</div>
				</div>
			</div>
			<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript" src="layui/layui.js"></script>
			<script type="text/javascript" src="js/leftNav.js"></script>
			<script type="text/javascript" src="js/index.js"></script>
			<script type="text/javascript">

				//柱状统计图
				$(function() {
					myTooltip('#pillar_content1');
					myTooltip('#pillar_content2');
					myTooltip('#pillar_content3');
					myTooltip('#pillar_content4');
					myTooltip('#pillar_content5');
					myTooltip('#pillar_content6');
					myTooltip('#pillar_content7');
					myTooltip('#pillar_content8');
					myTooltip('#pillar_content9');
					myTooltip('#pillar_content10');
					myTooltip('#pillar_content11');
					myTooltip('#pillar_content12');
				});

				function myTooltip(id) {
					$('[data-toggle="tooltip"]').tooltip({
						html: true
					});

					$(id).on('show.bs.tooltip', function() {
						var bg = $(id).find("div").css("background-color");
						//              alert(bg);
						setTimeout(function() { //alert(0);
							$(".tooltip.top .tooltip-arrow").css({
								'border-top-color': bg
							});
							$(".tooltip.bottom .tooltip-arrow").css({
								'border-bottom-color': bg
							});
							$(".tooltip.left .tooltip-arrow").css({
								'border-left-color': bg
							});
							$(".tooltip.right .tooltip-arrow").css({
								'border-right-color': bg
							});
							$(".tooltip-inner").css({
								'background': "#fff",
								'color': "#333",
								"border": "1px",
								"border-style": 'solid',
								"border-color": bg,
								"padding": "10px",
								"box-sizing": "border-box",
								"font-size": "16px"
							});
						}, 12);
					})
				}
				$(function() {
					$(".right_pillar_for").each(function(index) {
						var len = $(".right_pillar_for").eq(index).children().length;
						console.log(len);
						if(len == 1) {
							$(".right_pillar_for").eq(index).find(".right_pillar_fill").addClass("right_pillar_dan");
						} else {
							$(".right_pillar_for").eq(index).find(".right_pillar_fill").removeClass("right_pillar_dan");
						}
					})
				})
				//			
				//			new Vue({
				//				el: '#app2',
				//				created: function() {
				//					data={
				//					data:''
				//					
				//				};
				//					var url = "http://192.168.31.245:8080/invest-web/findAllProject";
				//					this.$http.post(url,data).then(function(data) {
				//						if(data.body.code == 1) {
				//							var json = data.body.data;
				//							console.log(json)
				//							console.log(data.body.total)
				//							this.data = json;
				//						} else {
				//							console.log(data.body.msg)
				//						}
				//					}, function(response) {
				//						console.log(response.data);
				//					})
				//
				//				}
				//			});
			</script>
	</body>

</html>